<template>
  <fieldset>
    <legend>常用api</legend>
    <input type="text" ref="ipt" />
    <button @click="on">点击获取焦点</button>
  </fieldset>
</template>
<script>
//$root 获取根实例
//$parent 获取父实例,支持链式
//ref 获取引用,作用在dom元素上可以获取真实dom 作用在子组件上,可以获取子组件实例的引用
//$nextTick 用于获取更新之后的dom
//provide(){ return{msg:xx}}  inject :['xx']这对组合用于跨组件传参
export default {
  data() {
    return {
      todo: "今晚打老虎",
    };
  },
  mounted() {
    // console.log(this.$root)
  },
  methods: {
    on() {
      //   console.log(this.$refs)
      // console.log(this.$refs.ipt)
      // this.$refs.ipt.focus()
    },
  },
 
};
</script>